<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- <script src="./assets/flexible.js?t=1532848854086"></script> -->
    <script>
        !function (e, t) { function n() { t.body ? t.body.style.fontSize = 12 * o + "px" : t.addEventListener("DOMContentLoaded", n) } function d() { var e = i.clientWidth / 10; i.style.fontSize = e + "px" } var i = t.documentElement, o = e.devicePixelRatio || 1; if (n(), d(), e.addEventListener("resize", d), e.addEventListener("pageshow", function (e) { e.persisted && d() }), o >= 2) { var a = t.createElement("body"), s = t.createElement("div"); s.style.border = ".5px solid transparent", a.appendChild(s), i.appendChild(a), 1 === s.offsetHeight && i.classList.add("hairlines"), i.removeChild(a) } }(window, document);
    </script>
    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>雅尊会</title>
    <meta name="description" content="">
    <link rel="stylesheet" href="./assets/mobileSelect.css?t=1532848854086">
    <link rel="stylesheet" href="./css/binding.css?t=1532848854086">
</head>

<body>

    <div id="body-container" v-cloak>

        <div class="error-layer animated" :class="{'fadeIn':isErrorLayer}" v-show="isErrorLayer" @touchmove.prevent>
            <div class="error-layer-content">
                <div class="error-icon"></div>
                <div class="error-info">请留下您的联系方式，以便客服为你跟进解决，谢谢！</div>
                <div class="error-content">
                    <span class="error-style-info">姓  名</span>
                    <div class="error-style-body">
                        <input v-model="errorName" type="text" class="error-input-style">
                    </div>
                </div>
                <div class="error-content">
                    <span class="error-style-info">联系方式</span>
                    <div class="error-style-body">
                        <input v-model="errorPhone"  type="number" class="error-input-style">
                    </div>
                </div>
                <div class="layer-tools-container">
                    <div class="close-button border-button down-button" @click="isErrorLayer = 0;">取消</div>
                    <div class="post-button down-button"  @click="postError">确认</div>
                </div>
            </div>
        </div>

        <div class="pact-layer animated" :class="{'fadeIn':isLayerShow}" v-show="isLayerShow">
            <div class="pact-layer-container">
                <i class="pact-close" @click="isLayerShow=false"></i>
                <div class="pact-layer-title">雅尊会会员守则</div>
                <div class="pact-layer-content">
                    本守则对由雅居乐地产置业有限公司经营的雅尊会的所有会员均具有约束力。在会期间会员应积极维护雅居乐集团及本会的社会声誉，不应有不利或意图不利雅居乐集团及本会声誉的行为。本守则构成本会与每名会员间的一份合约，一旦签署入会申请表格并且得到本会确认，您即成为本会会员，同时即视作同意本会会员守则。
                    <br />
                    <br />
                    1.	会籍
                    <br />
                    <br />
                    ①	年满18周岁、符合入会标准并同意接受本会会员守则的自然人或单位均可申请会籍。如未满18周岁，则由其监护人代其入会；
                    <br />
                    <br />
                    ②	所有会籍申请或续期须经本会审核批准，本会有绝对酌情权批准或不批准有关申请及续期；
                    <br />
                    <br />
                    ③	会员对本会的组织、运作或管理建议权，但无投票决定权，亦对本会之任何财产无任何权利或追索权；
                    <br />
                    <br />
                    ④	本会会籍不得转让。
                    <br />
                    <br />
                    2.	会员资料
                    <br />
                    <br />
                    ①	会员的个人信息在本会系统中保持完整、准确，有利于会员正常享受本会会员权益。如会员的个人信息不全、不实或有误，则会员将有可能无法正常享受本会应有之会员权益或无法正常获知本会资讯、以及活动通知等在会信息；
                    <br />
                    <br />
                    ②	对于您的个人资料，本会将予以妥善保管及保密，若无您的授权，本会不会将您的个人资料泄露给任何第三方。与此同时，会员或申请人同意将数据作本会和雅居乐集团旗下及关联公司的推广及市场研究之用；
                    <br />
                    <br />
                    ③	会员提供个人资料予本会纯属自愿，若个人资料有更改或认为涉及个人隐私，会员可向本会要求查阅及更改。
                    <br />
                    <br />
                    3.	会员卡
                    <br />
                    <br />
                    ①	每位申请人于其会籍申请或续期被接纳后，将获本会发出一张会员卡或延续会员卡，包括实体会员卡、微信电子会员卡两种形态；
                    <br />
                    <br />
                    ②	新会员收到实体会员证后应立即于证上签名，而会员证上之签名须与申请表上之签名相同；
                    <br />
                    <br />
                    ③	会员卡在任何情况下均为本会之财物，本会有权随时撤销该证之效力及 / 或终止会员之会籍，本会亦有权要求会员归还会员卡予本会
                    <br />
                    <br />
                    ④		会员卡仅供本人使用，不得转借或转让。倘若会员卡遗失、损坏或被窃，须立即通知本会，进行补卡手续办理；
                    <br />
                    <br />
                    ⑤	会员于享用本会所提供之设施及服务时，须于被要求时出示会员卡（或微信电子会员卡）和身份证作为其会籍的证明；
                    <br />
                    <br />
                    ⑥	为确保会员权益的正常行使，每个级别的会员有效期默认为三年，三年到期后，若无取消，将自动续期；
                    <br />
                    <br />
                    ⑦	若会员级别变更或会员卡有效期到期需更换会员卡，会员凭原会员卡办理换卡手续。
                    <br />
                    <br />
                    4.	设施及服务
                    <br />
                    <br />
                    ①	会员入会后，即可接受及享有本会提供的各种优惠及服务，同时接受本会以电话、手机短信、信函、电子邮件、微信推送等方式向会员发送的活动及优惠的相关信息；
                    <br />
                    <br />
                    ②   会员在接受及享有本会提供之优惠及服务时，也必须接受本会提供该等优惠及服务时订明的特定条款及条件。如有特别之活动安排，须得到本会邀请，有关对会员做出之邀请，本会有绝对酌情权
                    <br />
                    <br />
                    ③	本会提供之权益有特定的有效期限，如在有效期限内未使用则视为会员放弃该权益，会所不做另行的通知；
                    <br />
                    <br />
                    ④	本会有绝对酌情权于不同条件下，提供设施与服务予不同类别之会员；
                    <br />
                    <br />
                    ⑤	本会有绝对酌情权随时终止任何设施或服务之提供及（或）其运作；
                    <br />
                    <br />
                    ⑥	会员不得利用本会或本会提供之设施、服务、数据或文件作任何商业、不道德或不合法用途。会员在享用本会提供的优惠和服务时的任何行为概由会员本人负责，本会对此及后果不承担任何责任。
                    <br />
                    <br />
                    5.	会员义务
                    <br />
                    <br />
                    ①	遵守本会章程规定及本细则及条款之义务；
                    <br />
                    <br />
                    ②	为提供更好的会员服务，本会将不定期进行客户访问，在提前预约的情况下，希望会员能给予支持；
                    <br />
                    <br />
                    ③	为能及时了解会员的需求和意见，本会希望会员接受并配合问卷等形式的调查；
                    <br />
                    <br />
                    ④	希望会员能积极参与本会举办的各项社会活动。
                    <br />
                    <br />
                    6、会籍变更
                    <br />
                    <br />
                    ①	会籍升级:雅卡会员在会籍有效期（三年）内如在一手房市场直接购买雅居乐旗下物业，购买的金额累计算入其会籍的购买金额中。如累计计算的结果达到升级为尊卡的会籍标准，则雅卡会员之会籍可自动升级为尊卡会籍。
                    <br />
                    <br />
                    ②	会籍有效期:会员在会籍有效期（三年）内未在一手或二手房市场再次购买雅居乐旗下物业或在两年内参与雅尊会组织的会员活动低于6次，则将被取消会员资格，同时不再享受任何雅尊会会员权益。
                    <br />
                    <br />
                    ③	会籍激活:VIP会员在会员卡失效后，若再次在一手或二手房市场购买雅居乐集团旗下物业（再次购买金额不设限），其会员卡可再次激活，并享受其卡之前对应的优惠（激活当次购买物业不可享受购房优惠）。若再次购买金额加上会员注销前该会员级别对应的购买金额达到上一级会员标准，那么该会员将自动升级会员卡并激活。
                    <br />
                    <br />
                    ④	退会:任何打算退出会籍之会员，请将会员卡连同书面退会通知书以邮寄或通过销售人员转交至本会，本会将在会员系统中进行退会处理。退会成功或会员取消后，会员卡将失效并停止该会员所享受的会员卡之权益，会员不再有权参加本会组织的活动，且不再有权接受及享有本会提供的各项优惠及服务。如欲重新入会，需符合会员条件，并重新填写《雅尊会入会申请表》，经本会审核确认通过后方可重新入会。
                    <br />
                    <br />
                    ⑤   终止会籍:如本会发现会员言行有损于本会或雅居乐集团利益或违反会员守则，本会有权随时终止该会员会籍，并保留对该会员就其对本会及雅居乐集团所造成的损失进行进一步追究的权利。终止会籍后，会员即时停止拥有会籍所授予的任何权利，不再有权参加本会组织的会员活动，且不再享有本会提供的设施及服务。
                    <br />
                    <br />
                    7、免责声明
                    <br />
                    <br />
                    ①	雅尊会的组织运作相关规则及方式的解释权归雅居乐地产置业有限公司所有。雅居乐地产置业有限公司有权在必要情况下更改雅尊会运作规则、会员守则以及为会员提供的优惠方式及服务项目，并以合适的方式通知会员所做的调整和变更。
                    <br />
                    <br />
                    ②	雅居乐地产置业有限公司有权于任何时候终止雅尊会的运作，而无须说明任何理由。在雅尊会的运作被终止后，会员的一切权利及优化即告终止。
                    <br />
                    <br />
                    ③	在任何情况下，会员不得因雅尊会终止运作而向本会或雅居乐地产置业有限公司及其关联公司提出任何性质的索赔或要求。
                    <br />
                    <br />
                    ④   雅尊会所有活动均为会员自愿参与活动，不构成召集人和组织者对参与者的法律责任，参与者需要自行承担在活动中的交通安全和人身安全责任。
                    <br />
                    <br />

                    附：微信电子会员卡绑定规则
                    <br />
                    <br />
                    1. 雅尊会会员系统以购买雅居乐旗下物业所登记的业主证件号码，作为区分会员个体的依据，并以此统计具体会员名下积分；
                     <br />
                    <br />
                    2. 同一个证件号码，若对应多重信息（如：多个名称、多个手机号码等），会采取先到先得的规则进行绑定；
                     <br />
                    <br />
                    举例：
                    证件号A对应有“黄xx”“李xx”两个姓名及“138”、“189” 两个不同的电话号码；
                    黄xx先进入系统页面，使用“黄xx”+“证件号A”+“189”的信息，进行了绑定并成功。则李xx在此之后进入想绑定，会显示为“该会员账号已被绑定”的提示。
                    <br />
                    <br />
                    3. 如有特殊情况或其他疑问，可直接向微信公众号留言，申请人工处理。

                </div>
            </div>
        </div>
        <div class="body-title"></div>
        <div class="body-bg"></div>
        <div class="form-container">
            <div class="form-item">
                <div class="icon name-icon"></div>
                <div class="title">业主姓名</div>
                <div class="input-container">
                    <input type="text" class="input-style" v-model="name">
                </div>
            </div>
            <div class="form-item">
                <div class="icon type-icon"></div>
                <div class="title">证件类型</div>
                <div class="input-container tpye-container">
                    <!-- <input type="text" class="input-style"> -->
                    <div class="type-body" id="tpye-container">{{idText}}</div>
                    <i class="type-container-icon"></i>
                </div>
            </div>
            <div class="form-item ">
                <div class="icon id-icon"></div>
                <div class="title">证件号码</div>
                <div class="input-container">
                    <input type="text" class="input-style" v-model="idCode">
                </div>
            </div>
            <div class="form-item" v-show="showType">
                <div class="icon phone-icon"></div>
                <div class="title">电话号码</div>
                <div class="input-container">
                    <input type="text" class="input-style" v-model="phone">
                </div>
            </div>
            <div class="form-item" v-show="showType">
                <div class="icon code-icon"></div>
                <div class="title">验证号</div>
                <div class="input-container code-container">
                    <input style="margin-left: .133333rem;" type="text" class="input-style" v-model="phoneCode">
                </div>
                <div class="phone-code-button" :class="{'phone-code-active':isPost}" @click="getPhotoCode">{{phoneCodeText}}</div>
            </div>
        </div>

        <div class="pact-container">
            <div class="pact-icon" :class="{'pact-active':isPact}" @click="setpact"></div>
            <div class="pact-text" :class="{'pact-text-active':isPact}" @click=" isLayerShow = true ">我已接受并阅读雅尊会会员章程协议</div>
        </div>

        <div class="button binding-button" @click="postData">提交绑定</div>
        <div class="no-button" @click="isErrorLayer = 1;">——无法绑定？——</div>
    </div>

    <script src="./assets/binding.base.min.js?t=1532848854086"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js?t=1532848854086"></script>
    <script src="./js/binding.js?t=1532848854086"></script>

</body>

</html>